let $timerBtn = (function() {
function timerBtn

  //设计时，运行时
  let $btn = $('<input type="button" class="timer-button" />'),
      cfg = {
        container: 'body',
        title:     '同意',
        delay:     6,
        enabled:   false,
        onClick:   null
      },
      timer = null;

$btn.css({
    height: '50px',
    width:  '150px',
    'font-size': '1.2em'
});

  function show(config) {
    //gen dom
    $.extend(cfg,config);
    $(cfg.container).append($btn);

    $btn.val(cfg.title + '(' + cfg.delay + 's)');
    $btn.attr('disabled','disabled');

    timer = setInterval(() => {
      $btn.val(cfg.title + '('+ --cfg.delay + 's)');
      if(cfg.delay === 0){
        clearInterval(timer);
        $btn.val(cfg.title);
        $btn.removeAttr('disabled');
      }
    },1000);

    //event bind
    $btn.click(cfg.onClick); 
  }

  function destroy() {
    $btn.remove();
  }

  return {
    show,destroy
  }
})();

